<html>
  <head>
    <style type="text/css">
      td { height:20px;width:20px; }
      .sq_b { background-color:#ddd; }
    </style>
  </head>
  <body>
    <table cellpadding="5" cellspacing="0" rules="all">
      <tr>
        <th></th>
        <th>a</th>
        <th>b</th>
        <th>c</th>
        <th>d</th>
        <th>e</th>
        <th>f</th>
        <th>g</th>
        <th>h</th>
        <th></th>
      </tr>
      <tr>
        <th>8</th>
        <td id="a"></td>
        <td class="sq_b" id="b"></td>
        <td id="c"></td>
        <td class="sq_b" id="d"></td>
        <td id="e"></td>
        <td class="sq_b" id="f"></td>
        <td id="g"></td>
        <td class="sq_b" id="h"></td>
        <th>8</th>
      </tr>
      <tr>
        <th>7</th>
        <td class="sq_b" id="a"></td>
        <td id="b"></td>
        <td class="sq_b" id="c"></td>
        <td id="d"></td>
        <td class="sq_b" id="e"></td>
        <td id="f"></td>
        <td class="sq_b" id="g"></td>
        <td id="h"></td>
        <th>7</th>
      </tr>
      <tr>
        <th>6</th>
        <td id="a"></td>
        <td class="sq_b" id="b"></td>
        <td id="c"></td>
        <td class="sq_b" id="d"></td>
        <td id="e"></td>
        <td class="sq_b" id="f"></td>
        <td id="g"></td>
        <td class="sq_b" id="h"></td>
        <th>6</th>
      </tr>
      <tr>
        <th>5</th>
        <td class="sq_b" id="a"></td>
        <td id="b"></td>
        <td class="sq_b" id="c"></td>
        <td id="d"></td>
        <td class="sq_b" id="e"></td>
        <td id="f"></td>
        <td class="sq_b" id="g"></td>
        <td id="h"></td>
        <th>5</th>
      </tr>
      <tr>
        <th>4</th>
        <td id="a"></td>
        <td class="sq_b" id="b"></td>
        <td id="c"></td>
        <td class="sq_b" id="d"></td>
        <td id="e"></td>
        <td class="sq_b" id="f"></td>
        <td id="g"></td>
        <td class="sq_b" id="h"></td>
        <th>4</th>
      </tr>
      <tr>
        <th>3</th>
        <td class="sq_b" id="a"></td>
        <td id="b"></td>
        <td class="sq_b" id="c"></td>
        <td id="d"></td>
        <td class="sq_b" id="e"></td>
        <td id="f"></td>
        <td class="sq_b" id="g"></td>
        <td id="h"></td>
        <th>3</th>
      </tr>
      <tr>
        <th>2</th>
        <td id="a"></td>
        <td class="sq_b" id="b"></td>
        <td id="c"></td>
        <td class="sq_b" id="d"></td>
        <td id="e"></td>
        <td class="sq_b" id="f"></td>
        <td id="g"></td>
        <td class="sq_b" id="h"></td>
        <th>2</th>
      </tr>
      <tr>
        <th>1</th>
        <td class="sq_b" id="a"></td>
        <td id="b"></td>
        <td class="sq_b" id="c"></td>
        <td id="d"></td>
        <td class="sq_b" id="e"></td>
        <td id="f"></td>
        <td class="sq_b" id="g"></td>
        <td id="h"></td>
        <th>1</th>
      </tr>
      <tr>
        <th></th>
        <td id="a"></td>
        <td class="sq_b" id="b"></td>
        <td id="c"></td>
        <td class="sq_b" id="d"></td>
        <td id="e"></td>
        <td class="sq_b" id="f"></td>
        <td id="g"></td>
        <td class="sq_b" id="h"></td>
        <th></th>
      </tr>
    </table>
  </body>
</html>